<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title></title>
  <link href="/styles/base.css" rel="stylesheet" type="text/css">
  <link href="/js/datepicker/datepicker.css" rel="stylesheet">
  <link href="/styles/wendaDetail.css" rel="stylesheet" type="text/css">
  <link href="/styles/travelnotedetail.css" rel="stylesheet" type="text/css">

  <script type="text/javascript" src="/js/jquery/jquery.js"></script>
  <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
  <script type="text/javascript" src="/js/system/travelnotedetail.js"></script>
  <script type="text/javascript" src="/js/system/emoji.js"></script>
    <#--<script type="text/javascript" src="/js/datepicker/datepicker.js"></script>-->


    <style>
        .vc_articleT  img{
            width: 100%;
        }
    </style>

    <script>
        //将 (中文)   格式数据替换成标签图片:
        function emoji(str) {


            //表情图片资源, 从马蜂窝扣出来的, 可以百度:
            //1:HttpURLConnection 使用  jdk自带的 代码中如何发起http请求
            //2:HttpClient  第三方http请求发送的框架
            //3:webmagic  专门用于爬虫框架

            //现金付款山东省看得(大笑小蜂)见风科技适(大笑小蜂)得府君书(得意小蜂)的开发决胜巅峰
            //匹配中文
            var reg = /\([\u4e00-\u9fa5A-Za-z]*\)/g;

            var matchArr = str.match(reg);
            if(!matchArr){
                return str;
            }
            for(var i = 0; i < matchArr.length; i++){
                str = str.replace(matchArr[i], '<img src="'+EMOJI_MAP[matchArr[i]]+'"style="width: width:28px;"/>')
            }
            return str;
        }


        $(function () {
            var index = 0;
            //回复
            $("#_j_reply_list").on("click", ".replyBtn",function () {
                var touser = $(this).data("touser");
                var toid = $(this).data("toid");
                $("#commentContent").focus();
                $("#commentContent").attr("placeholder","回复：" + touser );

                $("#commentType").val(1);
                $("#refCommentId").val(toid);
            })

            //发表回复
            $(".commentBtn").click(function () {
                if(!$("#commentContent").val()){
                    alert("评论不能为空");
                    return;
                }
                $("#commentForm").ajaxSubmit(function (data) {
                    $("#commentContent").val("");
                    $("#commentContent").attr("placeholder","");
                    $("#_j_reply_list").append(data);
                })
            })

            //替换表情
            var ps = $("._j_reply_content");
            console.log(ps);
            for(var i = 0;i < ps.length; i++){
                $(ps[i]).html( emoji($(ps[i]).html() + ""));
            }
        })


        function showHideCode(){
            $("#_j_reply_list").toggle();
        }
    </script>
</head>


<body>
  <#assign currentNav="wenda">
  <#include "../common/navbar.ftl">

 <#-- <div class="topBar">
    <div class="topBarC">
      <div class="logo"><a title="马蜂窝自由行" href="javascript:;">马蜂窝自由行</a></div>
      <div class="t_nav">
        <ul id="pnl_nav" data-cs-t="headnav_wo">
          <li data-cs-p="index">
            <strong class="t"><a href="javascript:;">首页</a></strong>
          </li>
          <li data-cs-t="wenda" data-cs-p="wenda">
            <strong class="t"><a data-cs-p="from_wo_nav" href="javascript:;">问答</a></strong>
          </li>
          <li data-cs-t="things" data-cs-p="things">
            <strong class="t"><a data-cs-p="from_wo_nav" href="javascript:;">马蜂窝周边</a></strong>
          </li>
          <li data-cs-p="together">
            <strong class="t"><a href="javascript:;">结伴</a></strong>
          </li>
          <li data-cs-p="group">
            <strong class="t"><a href="javascript:;">小组</a></strong>
          </li>
          <li data-cs-p="mall">
            <strong class="t"><a href="javascript:;">蜂首俱乐部</a></strong>
          </li>
          <li class="drop" data-cs-p="other">
            <strong class="t"><a href="javascript:;">更多<b></b></a></strong>
          </li>
        </ul>
      </div>
      <div class="t_search">
        <form method="GET" action="/search/s.php" name="search">
          <input type="text" class="key" value="" name="q" id="word">
          <input type="submit" value="" class="btn">
        </form>
      </div>

      <div class="t_info">
        <div class="pagelet-block">
          <ul class="user_info">
            <li class="daka">
              <span class="daka_btn" id="_j_dakabtn" data-japp="daka">
                <a role="button" title="打卡" class="daka_before">打卡</a>
                <a role="button" title="打卡推荐" class="daka_after">打卡推荐</a>
              </span>
            </li>
            <li id="pnl_user_msg" data-hoverclass="on" class="msg _j_hoverclass">
              <span id="oldmsg" class="oldmsg"><a href="javascript:;" class="infoItem">消息<b></b></a></span>
              <ul id="head-msg-box" class="drop-bd">
                <li><a href="javascript:;" rel="nofollow">私信</a></li>
                <li><a href="javascript:;" rel="nofollow">小组消息</a></li>
                <li><a href="javascript:;" rel="nofollow">系统通知</a></li>
                <li><a href="javascript:;" rel="nofollow">问答消息</a></li>
                <li><a href="javascript:;" rel="nofollow">回复消息</a></li>
                <li><a href="javascript:;" rel="nofollow">喜欢与收藏</a></li>
                <li><a href="javascript:;" rel="nofollow">好友动态</a></li>
              </ul>
            </li>
            <li class="ub-item ub-new-msg" id="head-new-msg">
            </li>
            <li class="account _j_hoverclass" data-hoverclass="on" id="pnl_user_set">
              <span class="t"><a class="infoItem" href="javascript:;"><img
                    src="http://b2-q.mafengwo.net/s12/M00/35/B7/wKgED1uqIs-AMYTwAAAX-VIKIo0071.png?imageMogr2%2Fthumbnail%2F%2132x32r%2Fgravity%2FCenter%2Fcrop%2F%2132x32%2Fquality%2F90"
                    width="32" height="32" align="absmiddle"><b></b></a></span>
              <div class="uSet c">
                <div class="asset">
                  <a class="coin" href="javascript:;" target="_blank" rel="nofollow">蜂蜜 0</a>
                  /
                  <a class="coin" href="javascript:;" target="_blank" id="head-my-honey" rel="nofollow"
                    data-cs-p="coin">金币 579</a>
                </div>
                <a href="javascript:;">我的马蜂窝<b class="tb-level">LV.3</b></a>
                <a href="javascript:;" target="_blank">写游记</a>
                <a href="javascript:;" target="_blank">预约游记</a>
                <a href="javascript:;" target="_blank">我的足迹</a>
                <a href="javascript:;" target="_blank">我的问答</a>
                <a href="javascript:;" target="_blank">我的好友</a>
                <a href="javascript:;" target="_blank">我的收藏</a>
                <a href="javascript:;" target="_blank">我的路线</a>
                <a href="javascript:;" target="_blank">我的订单</a>
                <a href="javascript:;" target="_blank">我的优惠券</a>
                <a href="javascript:;" target="_blank">设置</a>
                <a href="javascript:;">退出</a>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>-->
  <div class="wrapper">
    <div class="detail-wrap clearfix">
      <div class="col-main">
        <div class="q-detail">
          <div class="q-content">
            <div class="q-title">
              <a href="/wenda/area-10065.html" target="_blank" class="location"><i></i>${wenda.tag!}</a>
              <h1>
                <a href="/wenda/detail-18458675.html">${wenda.title!}</a>
              </h1>
            </div>
            <div class="q-desc">
              ${wenda.content!}
              <div class="area_tags _j_tip_mdd" data-mddid="10065"><a data-cs-p="qa_mdd" class="at_link"
                  href="/travel-scenic-spot/mafengwo/10065.html" target="_blank">北京</a>
                <div class="at_info" style="display:none;"></div>
              </div>通勤等于取经？上下班到底有多苦？</div>
            <div class="q-info1 clearfix">
              <div class="q-tags fl">
                <a class="a-tag" href="/wenda/area-10065.html" target="_blank">${wenda.tag!}</a>
              </div>
              <div class="pub-bar fr">
                <a href="/wenda/u/43303516/answer.html" class="photo" target="_blank"> <img
                    src="${wenda.headImge!}"
                    width="16" height="16"></a>
                <a class="name" href="/wenda/u/43303516/answer.html" target="_blank">${wenda.nickname!}</a>
                <span class="time"><span>${wenda.createTime?string('yyyy-MM-dd HH:mm:ss')!}</span></span>
              </div>
            </div>
          </div>
          <div class="q-operate clearfix">
            <div class="fl">
              <!-- 问题分享 -->
              <div class="q-share cate-share">
                <a class="_js_showShare"><i class="q-share-icon"></i>分享</a>
                <div class="share-pop _j_share_pop hide clearfix" data-title="为什么说在北京通勤等于取经？上下班到底有多苦？"
                  data-qid="18458675">
                  <a title="分享到新浪微博" class="sina _j_do_share" data-site="wb"></a>
                  <a title="分享到QQ空间" class="zone _j_do_share" data-site="qz"></a>
                  <a title="分享到微信" class="weixin _j_do_share_wx" data-site="wx"></a>
                </div>
              </div>
              <!-- 邀请回答 -->
              <div class="seek-help _j_tip_box">
                <a class="_j_seek_help_new">邀请蜂蜂回答</a>
              </div>
              <!-- 举报 -->
              <div class="admin_hide tip-off">
                <a data-japp="report" data-refer="http://www.mafengwo.cn/wenda/detail-18458675.html"
                  data-refer-uid="43303516" data-app="qa.question" data-busi-id="qid:18458675">举报</a>
              </div>
            </div>
            <div class="fr">
              <span class="atten-num">887浏览</span>
              <span class="atten-num"><span class="_j_same_num">1</span>人关注</span>

              <a class="btn-atten _j_same_question " rel="nofollow" data-status="1"><span>关注</span></a>

              <a class="btn-answer _j_btn_goanswer" rel="nofollow">回答</a>
            </div>
          </div>
        </div>



        <div class="answer-wrap">


        <div>
            <#list result as s>
          <div class="bd _j_pager_box">
            <ul class="answer-list answer_detail">
              <div>
                <li>
                  <div class="answer-side _js_answerAva">
                    <!-- <a class="btn-ding _js_zan "><i></i><span data-real_num="3">3</span></a> -->
                  </div>
                  <div class="answer-content _js_answer_content">
                    <div class="answer-info clearfix">
                      <div class="user-bar fl">
                        <a class="_j_filter_click avatar" href="javascript:;" target="_blank"><img
                            src="${s.headUrl}"
                            width="48" height="48" class="photo"></a>
                        <a class="name" href="javascript:;" target="_blank">${s.username}</a>
                        <a class="level" href="javascript:;" target="_blank" rel="nofollow">LV.21</a>
                        <a class="identity i-guide" href="javascript:;" target="_blank">${s.title}</a>
                      </div>
                      <ul class="answer-medal fr">
                        <li class="gold">
                          <div class="btn"><i></i><a href="javascript:;" target="_blank">金牌回答</a></div>
                        </li>
                      </ul>
                    </div>
                    <!-- 回答内容 -->
                    <div class="_j_short_answer_item hide" style="display: block;">
                        ${s.content}
                    </div>
                  </div>
                </li>
              </div>
            </ul>
          </div>
            </#list>
          <div class="bd _j_pager_box">
            <div class="aa-hd">
              <a class="aa-avatar" href="/wenda/u/53383161/answer.html"><img
                  src="http://n1-q.mafengwo.net/s12/M00/35/98/wKgED1uqIreAU9QZAAAXHQMBZ74008.png?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F90"
                  class="photo"></a>
              <a class="aa-name">蚂蜂测试窝用户</a>
            </div>

              <div class="hd">

                  <div style="display:none;"><span id="_j_anum">12</span>个回答</div>
              </div>


             <#if list ??>
                <div class="mfw-cmt-wrap" id="_j_reply_list" style="display:none;">

                    <!--评论-->
                           <#list list as c>
                                <div class="mfw-cmt _j_reply_item" >
                                    <div class="mcmt-info">
                                        <div class="mcmt-photo">
                                            <a href="javascript:;" target="_blank">
                                                <img src="${c.headUrl!}"
                                                     width="48" height="48" alt="${c.username!}">
                                            </a>
                                        </div>
                                        <div class="mcmt-user">
                                            <a href="javascript:;" class="level">LV.${c.level!}</a>
                                            <a href="javascript:;" class="identity identity-guide" target="_blank"></a>
                                            <a href="javascript:void(0);" class="per_attention" data-japp="following"
                                               data-uid="76382990" data-follow_class="hide">
                                                <img src="http://images.mafengwo.net/images/home/tweet/btn_sfollow.gif"
                                                     width="38" height="13" border="0" title="关注TA">
                                            </a>
                                        </div>
                                        <div class="mcmt-other">
                                            <span class="floor">${c_index +1}F</span>
                                        </div>
                                    </div>
                                    <div class="mcmt-con-wrap clearfix">
                                        <div class="mcmt-con">

                                        <#if c.type == 1>
                                            <div class="mcmt-quote">
                                                <p>引用 ${(c.refComment.username)!} 发表于 ${(c.refComment.createTime?string('yyyy-MM-dd HH:mm:ss'))!} 的回复：</p>
                                                <p class="_j_reply_content">${(c.refComment.content)!}</p>
                                            </div>
                                            <div class="mcmt-word">
                                                <p class="_j_reply_content" >回复${(c.refComment.username)!}：${(c.content)!}</p>
                                            </div>
                                        <#else>
                                            <div class="mcmt-quote">
                                            </div>
                                            <div class="mcmt-word">
                                                <p class="_j_reply_content">${(c.content)!}</p>
                                            </div>
                                        </#if>
                                        </div>
                                        <div class="mcmt-tag">
                                        </div>
                                    </div>
                                    <div class="mcmt-bot">
                                        <div class="time">${(c.createTime?string('yyyy-MM-dd HH:mm:ss'))!}</div>
                                        <div class="option">
                                            <a role="button" class="reply-report">举报</a>
                                            <a role="button" class="_j_reply replyBtn" data-touser="${c.username!}" data-toid="${c.id!}">回复</a>
                                        </div>
                                    </div>

                                </div>
                            </#list>
                         </div>
                         <a href="javascript:;" class="view_all" onclick="showHideCode()">查看全部回答</a>

                         <!--发表回复-->
                         <div class="mcmt-reply-wrap _j_replywrap ">
                             <div class="mcmt-tab">
                                 <ul class="_j_replytab">
                                     <li class="_j_publish_tab on" data-mode="article">问题答复<i></i></li>
                                 </ul>
                             </div>
                             <div class="mcmt-tab-con">
                                 <div class="photo-con">
                                     <a href="/u/53383161.html" target="_blank" title="蚂蜂测试窝用户"><img
                                             src="http://n1-q.mafengwo.net/s12/M00/35/98/wKgED1uqIreAU9QZAAAXHQMBZ74008.png?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F90"
                                             alt="骡窝窝测试用户"></a>
                                 </div>
                                 <div class="reply-con clearfix _j_article_mode _j_editor" id="_j_editor"
                                      style="display: block;">
                                     <dl>
                                         <dt>
                                             <!-- 各种选项-->
                                             <div class="reply-choice">
                                                 <a role="button" class="expression" id="_j_replyfacetrigger"
                                                    title="选择表情"></a>
                                                 <div class="clear"></div>
                                                 <!--表情-->
                                            <#include "../common/emotion.ftl">
                                             </div>
                                         </dt>
                                         <dd>
                                             <div class="reply-text">
                                                 <form action="/responseAdd" method="post" id="commentForm">
                                                     <input type="hidden" id="wendaId" name="wendaId" value="${wenda.id!}">
                                                     <input type="hidden" name="refComment.id" id="refCommentId">
                                                     <input type="hidden" name="floor" value="${(list?size)!0}">
                                                     <textarea class="_j_replyarea" name="content" cols="30" rows="10" id="commentContent"
                                                               placeholder=""></textarea>
                                                 </form>
                                             </div>
                                         </dd>
                                     </dl>
                                     <div class="reply-submit">
                                         <!-- 有loading状态 -->
                                         <a role="button" class="_j_publish_reply commentBtn" title="发表回复">发布答案</a>
                                     </div>
                                 </div>
                             </div>
                         </div>
                     </#if>
              </div>
          </div>
        </div>
      </div>
      <div class="col-side"></div>
    </div>
  </div>

<#include "../common/footer.ftl">
</body>

</html>